@charset 'utf-8';
.header {
    width: 100%;
    height: 112px;
    .site-nav {
        background-color: #f2f2f2;
        .header_top {
            height: 26px;
            width: 990px;
            margin: auto;
            background-color: #f2f2f2;
            color: #999;
            // background-color: royalblue;
            position: relative;

            .sn_bake_home {
                height: 26px;
                margin-right: 26px;
                line-height: 26px;
            }
            .sn_longin_info {
                height: 26px;
                line-height: 26px;

                .sn_longin {
                    margin-left: 20px;
                }
                .sn_register {
                    padding: 0 10px;
                }
            }
            .sn_quick_ment {
                height: 26px;
                line-height: 26px;

                position: absolute;
                right: 0;
                top: 0;
                .bd-panel {
                    position: absolute;
                    left: 9px;
                    top: 26px;
                    height: 26px;
                    display: none;
                    a {
                        position: relative;
                        display: block;
                        color: #666;
                        width: 74px;
                        background-color: #fff;
                        line-height: 1.4;
                        padding: 8px 10px;
                    }
                }
                > li > a {
                    color: #999;
                    padding: 0 10px;
                }
            }
            .k:hover .remove {
                color: red;
            }
            .k:hover .bd-panel {
                display: block;
            }
        }
    }

    .header .heder_top,
    .header a:link,
    .header a:visited {
        color: #999;
    }
    .headCon {
        width: 990px;
        margin: auto;
        // background-color: aqua;
        h1 {
            margin-top: 30px;
            width: 400px;
            height: 62px;
            line-height: 62px;
            position: absolute;
            .logo {
                position: relative;
                background: url("../images/log.png") no-repeat;
                height: 28px;
                width: 190px;
            }
        }
        .mallSearch {
            width: 538px;
            margin-top: 25px;
            border: 3px solid red;
            border-right: none;
            input {
                width: 440px;
                height: 20px;
                line-height: 20px;
                // background-color: rosybrown;
                padding: 10px 3px 5px 5px;
            }
            button {
                width: 90px;
                border: 0;
                font-size: 16px;
                letter-spacing: 4px;
                cursor: pointer;
                color: #fff;
                background-color: #ff0036;
                height: 30px;
                overflow: hidden;
            }
        }
    }
}
.banner {
    // width: 100%;
    position: relative;
    height: 360px;
    width: 990px;
    margin: auto;
    overflow: hidden;
    .banner-left {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 360px;
        width: 6000px;
        overflow: hidden;

        .tab-pannel {
            height: 360px;
            width: 989px;
            float: left;
            // overflow: hidden;
            a {
                background-color: #000;

                .img {
                    background-color: seagreen;
                    // background: url("../images/banner.jpg") no-repeat 100%100%;
                }
            }
        }
    }
    .inde {
        position: absolute;
        bottom: 0px;
        right: 0px;
        ul {
            background: #fff;
            border: 1px solid #ccc;
            margin-left: 10px;
            cursor: pointer;
            li {
                float: left;
                width: 20px;
                height: 20px;
                background: #fff;
                border: 1px solid #ccc;
                margin-left: 10px;
                cursor: pointer;
            }
            li.current {
                background: yellow;
            }
        }
    }
}
.tb-module {
    width: 100%;
    .tb-brand {
        width: 990px;
        margin: auto;
        p {
            height: 80px;
            background: url("https://img.alicdn.com/tps/i4/TB1Glk.MAvoK1RjSZFDwu0Y3pXa.png_2200x2200Q50s50.jpg_.webp")
                no-repeat 100%100%;
        }
    }
    .con-inner {
        margin-top: -15px;
        background-color: #fff;
        width: 990px;
        overflow: hidden;
        margin: 0 auto;
        position: relative;

        .j-dynamic {
            margin: 13px auto;
            overflow: hidden;
            border-top: 1px solid #ccc;
            width: 960px;
            > ul > li {
                position: relative;
                width: 95px;
                height: 70px;
                float: left;
                border-right: 1px solid #d7d6d6;
                border-bottom: 1px solid #d7d6d6;
                img {
                    width: 70px;
                    height: 35px;
                    margin-left: 12px;
                    margin-top: 17px;
                }
            }
        }
    }
}
.tb-module {
    padding-bottom: 10px;
    background-position: center top;
    .zebra-cat {
        width: 990px;
        margin: 0 auto;
        overflow: hidden;
    }
}
.itemConteiner {
    width: 1006px;
    margin: 10px auto 0;
    position: relative;
    overflow: hidden;
    font-family: "Microsoft Yahei";
    font-size: 12px;
    li {
        width: 240px;
        height: 360px;
        margin: 0 10px 10px 0;
        background: #fff;
        float: left;
        display: inline;
        overflow: hidden;
        position: relative;
        a {
            width: 240px;
            height: 240px;
            
            .pic {
                width: 240px;
                height: 240px;
                // overflow: hidden;
                position: relative;
               
                img {
                    width: 240px;
                    height: 240px;
                }
              
            
                   
                
            }
        }
     
        .info-box {
            .desc {
                height: 30px;
                line-height: 30px;
                text-align: center;
                font-family: "Microsoft YaHei";
                font-weight: 700;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: #000;
            }
            s {
                display: block;
                height: 1px;
                opacity: 0.2;
                font-size: 0;
                line-height: 0;
                background: #b98f4d;
            }
        }
        .info-detall {
            position: relative;
            .log {
                height: 35px;
                padding: 10px 0 10px 15px;
                img {
                    width: 70px;
                    height: 35px;
                }
            }
            .price-box {
                position: absolute;
                right: 15px;
                top: 0;
                text-align: right;
                width: 138px;
                overflow: hidden;
                .oprice {
                    margin-top: 8px;
                    height: 20px;
                    line-height: 20px;
                    color: #a1a1a1;
                    white-space: nowrap;
                    overflow: hidden;
                    font-family: "arail,Microsoft Yahei";
                    text-overflow: ellipsis;
                    span {
                        text-decoration: line-through;
                    }
                }
                .price {
                    color: #b98f4d;
                    .item-rpiec-num {
                        font-size: 16px;
                        font-family: helvetica;
                    }
                }
            }
        }
        .tiemBox {
            .btn {
                cursor: pointer;
                background: #b98f4d;
                border: solid 1px #b98f4d;
                width: 230px;
                float: right;
                margin-right: 4px;
                height: 30px;
                color: #fff;
                margin-right: 4px;
                height: 28px;
                overflow: hidden;
                line-height: 28px;
                text-align: center;
            }
        }
    }
}
.Fashion_public_right_nav_top {
    display: none;
    position: fixed;
    left: 54%;
    margin-left: 505px;
    bottom: 60px;
    transform: scale(1);
    width: 100px;
    background-color: #8035fb;
    .public-title {
        width: 100%;
        overflow: hidden;
        line-height: 25px;
        font-size: 14px;
        margin: 0 auto;
        text-align: center;
        position: relative;
        height: 94px;
        img {
            display: block;
            margin: 0 auto 0 -38px;
            position: absolute;
            left: 50%;
            width: 76px;
            height: 76px;
            top: 9px;
            background-color: #fff;
            padding: 1px;
            border-radius: 2px;
        }
    }
    .floor-nav-box {
        position: relative;

        .virtual {
            display: block;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 99;
            .txt {
                display: inline-block;
                width: 78px;
                overflow: hidden;
                text-overflow: ellipsis;
                margin: 0 20px;
                color: #fff;
            }
        }
    }
    .mui-act-top-bg {
        display: block;
        width: 100%;
        height: 21px;
        text-align: center;
        color: #fff;
        margin: 0 auto;
        position: relative;
        background: url("../images/topbg.png") no-repeat center 5px;
        padding: 5px 0 10px;
    }
    .active {
        background: #000;
    }
}
.footer {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    border-top: 1px solid #d1d7dc;
    clear: both;
    margin: 0;
    background: #fff;
    .tmall-desc {
        width: 1190px;
        padding-top: 22px;
        height: 190px;
        margin: auto;
        border-top: 1px solid #ededed;
        background: url("../images/tmall.png") 45px bottom/68px 25px no-repeat;
    }
    dl {
        float: left;
        width: 186px;
        padding-left: 52px;
        dt {
            color: #646464;
            font-size: 16px;
            font-weight: 700;
            height: 30px;
            line-height: 30px;
            text-align: left;
        }
        dd {
            a {
                width: 100px;
                overflow: hidden;
                text-align: left;
                height: 20px;
                line-height: 20px;
                color: #8b8b8b;
                img {
                    width: 105px;
                    height: 105px;
                }
            }
        }
    }
    .tmallcopyright {
        border-top: 2px solid #ff0036;
        background: #000;
        text-align: left;
        min-height: 177px;
        p {
            width: 1190px;
            margin: 0 auto;
            line-height: 25px;
            padding: 5px 0;
            color: #fff;
            a {
                margin-right: 3px;
                color: #fff;
                white-space: nowrap;
            }
        }
        .footer-copyright {
            width: 1190px;
            line-height: 20px;
            background: #000;
            color: #a4a4a4;
            margin: 0 auto;
            a {
                color: #a4a4a4;
                margin-right: 65px;
                img {
                    display: inline;
                    position: relative;
                    top: 5px;
                    vertical-align: baseline;
                }
            }
        }
    }
}
